<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>于道图床</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="layui-container" id="yd-app">
    <div class="layui-row">
        <!-- 首页主要区域 -->
        <div class="layui-col-lg12">
            <div id="main">
                <div class="alert alert-warning" role="alert" v-if="alert">
                    <span class="alert-inner--icon"><i class="layui-icon layui-icon-speaker"></i></span>
                    <span class="alert-inner--text"><strong>注意：{{context}}</strong></span>
                </div>
                <!-- 选择按钮 -->
                <!-- 上传地址 -->
                <div id="storage">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">存储方式</label>
                            <div class="layui-input-block">
                                <input type="radio" name="storage" value="localhost" title="本地" checked="checked"/>
                                <input type="radio" name="storage" value="qiniu" title="七牛云"/>
                                <input type="radio" name="storage" value="upyun" title="又拍云"/>
                                <input type="radio" name="storage" value="oss" title="阿里OSS"/>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 选择按钮END -->
                <!-- 上传区域 -->
                <div class="layui-form-item">
                    <div class="layui-upload-drag" id="upload-img">
                        <i class="layui-icon layui-icon-upload"></i>
                        <p>将图片拖拽到此处，支持Ctrl + V粘贴上传</p>
                    </div>
                </div>
                <!-- 上传区域END -->
            </div>
        </div>
        <!-- 首页主要区域END -->
    </div>
    <div class="layui-row">
        <div class="layui-col-lg12" id="img-show">
            <!-- 图片显示区域 -->
            <!-- 显示缩略图 -->
            <div class="layui-col-lg4">
                <div id="img-thumb"><a href="" target="_blank"><img src="" alt="点此可查看详情"></a></div>
            </div>
            <!-- 显示地址 -->
            <div class="layui-col-lg7 layui-col-md-offset1">
                <div id="links">
                    <table class="layui-table" lay-skin="nob" lay-size="sm">
                        <colgroup>
                            <col width="100">
                            <col width="450">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>URL</td>
                            <td><input type="text" class="layui-input" id="url" data-cip-id="url"></td>
                            <td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="copyurl('url')">复制</a>
                            </td>
                        </tr>
                        <tr>
                            <td>HTML</td>
                            <td><input type="text" class="layui-input" id="html" data-cip-id="html"></td>
                            <td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="copyurl('html')">复制</a>
                            </td>
                        </tr>
                        <tr>
                            <td>Markdown</td>
                            <td><input type="text" class="layui-input" id="markdown" data-cip-id="markdown"></td>
                            <td><a href="javascript:;" class="layui-btn layui-btn-sm"
                                   onclick="copyurl('markdown')">复制</a></td>
                        </tr>
                        <tr>
                            <td>BBCode</td>
                            <td><input type="text" class="layui-input" id="bbcode" data-cip-id="bbcode"></td>
                            <td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="copyurl('bbcode')">复制</a>
                            </td>
                        </tr>
                        <tr>
                            <td>Delete Link</td>
                            <td><input type="text" class="layui-input" id="dlink" data-cip-id="dlink"></td>
                            <td><a href="javascript:;" class="layui-btn layui-btn-sm" onclick="copyurl('dlink')">复制</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- 图片显示区域END -->
        </div>
    </div>
</div>

<script src="plugins/layui/layui.js"></script>
<script src="libs/vue.min.js"></script>
<script src="libs/ctrv-upload.js"></script>
<script src="js/embed.js"></script>
<script src="js/main.js"></script>
<script src="libs/jquery-3.4.1.min.js"></script>
<script src="plugins/clipboard/dist/clipboard.min.js?v=2.0.4"></script>
</body>
</html>